<template>
  <div class="common-layout">
    <el-container direction="vertical">
      <el-header>
        <Header></Header>
      </el-header>
      <el-main>
        <Main></Main>
      </el-main>
      <el-footer>
        <Footer></Footer>
      </el-footer>
    </el-container>
  </div>
</template>

<script setup lang="ts">
import Header from "./my-header.vue";
import Main from "./my-main.vue";
import Footer from "./my-footer.vue";
// Socket.IO 连接
const socket = io('http://your-socket-server-url'); // 替换为你的 Socket 服务器 URL




</script>

<style scoped lang="scss">

body {
  font-family: "Source Sans Pro", sans-serif;
}
.wrapper {
  padding: 10px 10px;
}
</style>
